.pageBg{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0
}
// 列表可上拉加载更多的布局
.list-content{
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
}
.list-content-bottom-chat{
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top) - 150rpx);
	width: 100%;
}
.list-content-bottom{
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top) - env(safe-area-inset-bottom) - 100rpx);
	width: 100%;
}
.scrollCon{
  flex: 1;
  overflow: hidden;
  position: relative;
  //两行列表
  .list-datas-col2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	&-item{
		width: 48%;
		background-color: #fff;
		border-radius: 10rpx;
		margin-bottom: 20rpx;
		box-shadow: $uni-box-shadow-base;
		&-img{
			width: 100%;
			height: 360rpx;
			border-radius: 10rpx 10rpx 0 0;
			background-color: #f1f1f1;
			.list-img{
				width: 100%;
				height: 100%;
			}
			.list-img,.noImg{
				border-radius: 10rpx 10rpx 0 0;
			}
		}
	}
  }
}
// 暂无图片提示
	.noImg{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ddd;
		background-color: #f1f1f1;
		height:100%;
		font-size: 24rpx;
	}
	// 暂无图片提示 end
.list-search{
	padding: 30rpx;
}
// 列表可上拉加载更多的布局 end
//浮动到底部的按钮
.fixed-bottom-btn{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
}
.fixed-bottom-btn-tab{
	position: fixed;
	bottom: calc(100rpx + env(safe-area-inset-bottom));
	width: 100%;
}
//浮动到底部的按钮 end
// 卡片样式
.cu-card{
	background: #FFFFFF;
	border-radius: 10rpx;
	padding:0 30rpx;
	box-shadow: $uni-box-shadow-base;
	.card-title{
		display: flex;
		align-items: center;
		font-size: $uni-font-size-lg;
		border-bottom: 1px solid #F2F2F2;
		padding: 10rpx 0;
		justify-content: space-between;
	}
	.card-body{
		padding:30rpx 0rpx;
	}
}
// 常用字体大小和加粗

.radius{
		border-radius: 10rpx;
}
.font-size-xs{
	font-size: $uni-font-size-xs;
}
.font-size-sm{
	font-size: $uni-font-size-sm;
}
.font-size-base{
	font-size: $uni-font-size-base;
}
.font-size-lg{
	font-size: $uni-font-size-lg;
}
.font-size-xl{
	font-size: $uni-font-size-xl;
}
.font-size-xxl{
	font-size: $uni-font-size-xxl;
}
.font-weight{
	font-weight: bold;
}
.text-center{
	text-align: center;
}
/*状态颜色*/
.textBlue{
	color: $u-primary;
}
.textBlue-light{
	color:$u-primary-light;
}
.textorange{
	color: $u-warning;
}
.textorange-light{
	color:$u-warning-light;
}
.textSuccess{
	color: $u-success;
}
.textSuccess-light{
	color:$u-success-light;
}
.textInfo{
	color: $u-info;
}
.text-info-dark{
	color: $u-info-dark;
}
.textinfo-light{
	color: $u-info-light;
}
.textWhite{
	color: #ffffff;
}
.textError{
	color: $u-error;
}
.bgWhite{ 
	background: #FFFFFF;
}
.bgBlue{
	background:$u-primary;
}
.bgBlue-light{
	background: $u-primary-light;
}
.bgBlue-lights{
	background:#EAF3FE
}
.bgSuccess{
	background:$u-success;
}
.bgWarning{
	background:$u-warning;
}
.bgWarning-light{
	background:$u-warning-light
}
.bgInfo{
	background:$u-info-disabled;
}
.bgInfo-light{
	background:$u-info-light;
}
.bgError{
	background:$u-error;
}
/*状态颜色end*/

.u-row{
	flex-wrap: wrap;
}

/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */
.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
// 常用flex布局 end
/*  -- 内外边距 -- */
.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 10rpx;
}

.margin-sm {
	margin: 20rpx;
}

.margin {
	margin: 30rpx;
}

.margin-lg {
	margin: 40rpx;
}

.margin-xl {
	margin: 50rpx;
}

.margin-top-xs {
	margin-top: 10rpx;
}

.margin-top-sm {
	margin-top: 20rpx;
}

.margin-top {
	margin-top: 30rpx;
}

.margin-top-lg {
	margin-top: 40rpx;
}

.margin-top-xl {
	margin-top: 50rpx;
}

.margin-right-xs {
	margin-right: 10rpx;
}

.margin-right-sm {
	margin-right: 20rpx;
}

.margin-right {
	margin-right: 30rpx;
}

.margin-right-lg {
	margin-right: 40rpx;
}

.margin-right-xl {
	margin-right: 50rpx;
}

.margin-bottom-xs {
	margin-bottom: 10rpx;
}

.margin-bottom-sm {
	margin-bottom: 20rpx;
}

.margin-bottom {
	margin-bottom: 30rpx;
}

.margin-bottom-lg {
	margin-bottom: 40rpx;
}

.margin-bottom-xl {
	margin-bottom: 50rpx;
}

.margin-left-xs {
	margin-left: 10rpx;
}

.margin-left-sm {
	margin-left: 20rpx;
}

.margin-left {
	margin-left: 30rpx;
}

.margin-left-lg {
	margin-left: 40rpx;
}

.margin-left-xl {
	margin-left: 50rpx;
}

.margin-lr-xs {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.margin-lr-sm {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.margin-lr {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.margin-lr-lg {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.margin-lr-xl {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.margin-tb-xs {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.margin-tb-sm {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.margin-tb {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.margin-tb-lg {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.margin-tb-xl {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 10rpx;
}

.padding-sm {
	padding: 20rpx;
}

.padding {
	padding: 30rpx;
}

.padding-lg {
	padding: 40rpx;
}

.padding-xl {
	padding: 50rpx;
}

.padding-top-xs {
	padding-top: 10rpx;
}

.padding-top-sm {
	padding-top: 20rpx;
}

.padding-top {
	padding-top: 30rpx;
}

.padding-top-lg {
	padding-top: 40rpx;
}

.padding-top-xl {
	padding-top: 50rpx;
}

.padding-right-xs {
	padding-right: 10rpx;
}

.padding-right-sm {
	padding-right: 20rpx;
}

.padding-right {
	padding-right: 30rpx;
}

.padding-right-lg {
	padding-right: 40rpx;
}

.padding-right-xl {
	padding-right: 50rpx;
}

.padding-bottom-xs {
	padding-bottom: 10rpx;
}

.padding-bottom-sm {
	padding-bottom: 20rpx;
}

.padding-bottom {
	padding-bottom: 30rpx;
}

.padding-bottom-lg {
	padding-bottom: 40rpx;
}

.padding-bottom-xl {
	padding-bottom: 50rpx;
}

.padding-left-xs {
	padding-left: 10rpx;
}

.padding-left-sm {
	padding-left: 20rpx;
}

.padding-left {
	padding-left: 30rpx;
}

.padding-left-lg {
	padding-left: 40rpx;
}

.padding-left-xl {
	padding-left: 50rpx;
}

.padding-lr-xs {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

.padding-lr-sm {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.padding-lr {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.padding-lr-lg {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.padding-lr-xl {
	padding-left: 50rpx;
	padding-right: 50rpx;
}

.padding-tb-xs {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.padding-tb-sm {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.padding-tb {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.padding-tb-lg {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.padding-tb-xl {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}